<template>
    <div class="page">
      <head-top head-title="代金券说明" go-back="true"></head-top>
      <div class="markdown">
        <h3 id="q1-">Q1:什么是商家代金券？</h3>
        <p>商家代金券是值由商家自己发放代金券，只限在指定的商家使用，可根据条件抵扣相应金额。</p>
        <h3 id="q2-">Q2: 怎么获得商家代金券？</h3>
        <ul>
          <li>进入有[进店领券]或[下单返券]标示的商家有机会去获得代金券。</li>
          <li>[下单返券]需要在指定商家完成满足返券金额要求的订单后才会返还，代金券可在下次下单时使用。</li>
        </ul>
        <h3 id="q3-">Q3：商家代金券使用条件</h3>
        <ul>
          <li>商家代金券仅限在指定商家使用</li>
          <li>商家代金券仅限在线支付使用</li>
          <li>每个订单只能使用一张商家代金券，不可与其他代金券叠加使用</li>
        </ul>
      </div>
    </div>
</template>

<script>
import headTop from '../../../components/header/head';
// import { mapState, mapMutations } from 'vuex';
// import { payRequest } from '../../../service/getData';
// import alertTip from '../../../components/common/alertTip';
// import loading from '../../../components/common/loading';

export default {
  data () {
    return { };
  },
  components: {
    headTop
  }
};
</script>

<style lang="scss" scoped>
@import '../../../style/mixin';
.page{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 1.95rem;
  z-index: 203;
  background-color: #fff;
  p, span{
    font-family: Helvetica Neue, Tahoma, Arial;
  }
}
.markdown{
  @include sc(.6rem, #666);
  padding: 0 0.5rem 0.5rem;
  h3{
    line-height: 2rem;
  }
  p,li{
    @include sc(.6rem, #666);
    line-height: 1rem;
  }
}
</style>
